<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>话题</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <!--当前页面的css-->
    <link href="css/topic.css" rel="stylesheet">
    <!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
</head>

<body>
    <div id="app">
        <div class="topic">
            <ul class="topicTop">
                <li class="ml0" v-for="(item,index) in tabs" :class="{'active':Type == item.id}">
                    <a href="javascript:void(0);" @click="tab(item.id)">{{item.name}}</a>
                </li>
            </ul>
            <div class="tabCon">
                <ul class="topicMain">
                    <a href="javascript:(void);" v-for="item in listTab" @click="urlHref(item)">
                        <li>
                            <div class="topicMainImg">
                                <img :src="item.head_img" />
                            </div>
                            <div class="topicTitle">
                                <span>{{item.title}}</span>
                            </div>
                        </li>
                    </a>
                </ul>
            </div>
            <div  class="nolist" id="dataNomore">暂无更多数据</div>
            <div class="weui-loadmore" v-if="!hideing">
                <i class="weui-loading"></i>
                <span class="weui-loadmore__tips">正在加载</span>
            </div>
        </div>

    </div>
    </div>
    </div>

    <script src="js/topic.js"></script>

</body>

</html>